* {
    margin: 0;
    padding: 0;
}
div.datepicker {
    position: relative;
    font-family: "微软雅黑", Helvetica, Arial, sans-serif;
    font-size: 12px;
    width: 100%;
    height: auto;
    position: absolute;
    cursor: default;
    top: 0;
    left: 0;
    display: none;
}
.datepicker *, .datepicker *:after, .datepicker *:before {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
.datepickerContainer a .yellow {
    font-size: 18px;
}
.datepickerContainer table {
    width: 100%;
}
.datepickerContainer table tr {
    width: 100%;
}
.datepickerContainer table tr td {
    width: 14%;
}
.datepickerGoPrev, .datepickerGoNext {
    display: none;
}
.datepickerHidden {
    display: none;
}
.datepickerNotInMonth a {
    color: #aaa !important;
}
div.datepicker table {
    border-collapse: collapse;
}
div.datepicker a {
    color: #666666;
    text-decoration: none;
    cursor: default;
    outline: none;
}
div.datepicker table td {
    text-align: center;
    margin: 0;
}
div.datepicker table td a {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}
div.datepicker th {
    text-align: center;
    color: #666666;
    font-weight: normal;
}
div.datepicker tbody th {
    text-align: left;
}
div.datepicker tbody a {
    display: block;
}
.datepickerDays a {
    width: 20px;
    line-height: 16px;
    height: 16px;
    padding-right: 2px;
}
.datepickerYears a, .datepickerMonths a {
    width: 44px;
    line-height: 36px;
    height: 36px;
    text-align: center;
}
td.datepickerNotInMonth a {
    color: #666;
}
tbody.datepickerDays td.datepickerSelected {
    background: #e0edfc;
}
tbody.datepickerDays td.datepickerSelected.first {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
}
tbody.datepickerDays td.datepickerSelected.last {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
}
td.datepickerSelected2 a {
    color: #FFF;
    background: #3083eb;
    border-radius: 8px;
    padding: 15px 0 5px 0;
}
tbody.datepickerDays td.datepickerSelected.first a, tbody.datepickerDays td.datepickerSelected.last a {
    color: #FFF;
    background: #3083eb;
    border-radius: 8px;
    padding: 5px 0 15px 0;
}
tbody.datepickerDays td.dateTxt a {
    border-radius: 8px;
    padding: 5px 0 15px 0;
}
tbody.datepickerDays td.datepickerSelected a {
    color: #444;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
    background: none;
}
tbody.datepickerDays td.datepickerNotInMonth a {
    background: none !important
}
tbody.datepickerYears td.datepickerSelected, tbody.datepickerMonths td.datepickerSelected {
    background: #17384d;
}
div.datepicker a:hover, div.datepicker a:hover {
    color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
    color: #999;
}
div.datepicker tbody th {
    text-align: center;
}
.datepickerSpace div {
    width: 20px;
}
.datepickerGoNext a, .datepickerGoPrev a, .datepickerMonth a {
    text-align: center;
    height: 20px;
    line-height: 20px;
}
.datepickerGoNext a {
    float: right;
    width: 20px;
}
.datepickerGoPrev a {
    float: left;
    width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths, table.datepickerViewDays tbody.datepickerYears {
    display: none;
}
table.datepickerViewMonths tbody.datepickerDays, table.datepickerViewMonths tbody.datepickerYears, table.datepickerViewMonths tr.datepickerDoW {
    display: none;
}
table.datepickerViewYears tbody.datepickerDays, table.datepickerViewYears tbody.datepickerMonths, table.datepickerViewYears tr.datepickerDoW {
    display: none;
}
td.datepickerDisabled a, td.datepickerDisabled.datepickerNotInMonth a {
    color: #aaaaaa;
}
td.datepickerDisabled a:hover {
    color: #aaaaaa;
}
td.datepickerSpecial a {
    background: #700;
}
td.datepickerSpecial.datepickerSelected a {
    background: #a00;
}
div.datepicker .yellow {}

/*手机样式控制*/

div.mobileDate .datepickerMonth {
    /*border-top: 1px solid #C7C7C9;*/
    /*border-bottom: 1px solid #C7C7C9;*/
}
div.mobileDate th.datepickerMonth {
    font-size: 14px;
    font-weight: bold;
}
div.mobileDate .datepickerDoW th {
    padding: 10px 0;
    background: #F0EFF5;
    border-bottom: 1px solid #C7C7C9;
}
div.mobileDate .datepickerDoW th:first-child, div.mobileDate .datepickerDoW th:last-child {
    color: #FF7F00;
}
div.mobileDate td.datepickerList {
    padding-bottom: 10px;
}
div.mobileDate tbody.datepickerDays td.dateTxt a {
    padding: 15px 0 34px 0;
}
div.mobileDate .datepickerListTr .datepickerGoPrev, div.mobileDate .datepickerListTr .datepickerGoNext {
    display: table-cell !important;
}
div.mobileDate .datepickerListTr .datepickerGoPrev a, div.mobileDate .datepickerListTr .datepickerGoNext a {
    background: url("../img/arrow.png") no-repeat;
    background-size: 74px 32px;
    height: 32px;
    width: 32px;
    margin: 10px;
}
div.mobileDate .datepickerListTr .datepckerMonthShow a {
    padding: 0;
}
div.mobileDate td.datepickerSelected2 a {
    background-color: #FF7F00;
}
div.mobileDate td.datepickerSelected2 a .yellow {
    color: #FFF;
}
div.mobileDate .datepickerListTr .datepickerGoPrev a {
    background-position: right top;
}
div.mobileDate .datepickerListTr .datepickerGoPrev span, div.mobileDate .datepickerListTr .datepickerGoNext span {
    display: none;
}

/*div.datepicker.mobileDate  tbody.datepickerDays td.datepickerSelected.last:before,div.datepicker.mobileDate  tbody.datepickerDays td.datepickerSelected.first:before{
	width: 8px;
	height: 8px;
	content: "";
	background: #FFF;
	border-radius: 50%;
	display: block;
	position: absolute;
	left: 50%; top: 5px; margin: 0 0 0 -4px;
}*/


/*pc样式控制*/

div.pcDate.w500 {
    width: 500px;
    background: #FFF;
}
div.pcDate {
    width: 300px;
    background: #fbfbfb;
}
div.pcDate .datepickerList {
    padding-left: 10px;
}
div.pcDate .datepickerListTr {
    width: 50%;
    float: left;
}
div.w500.pcDate .datepickerListTr .datepickerViewDays td {
    border: 1px solid #D7D8DA;
}
div.pcDate .datepickerListTr .datepickerViewDays td {
    background: #fbfbfb;
    border: none;
}
div.pcDate.w500 .datepickerListTr .datepickerViewDays td a {
    padding: 5px 5% 15px 0;
    text-align: right;
}
div.pcDate .datepickerListTr .datepickerViewDays td a {
    padding: 2px 0 5px 0;
    text-align: center;
}
div.pcDate tbody.datepickerDays td.datepickerSelected {
    color: #FFF;
    border-radius: 0;
    background: #DFEDFF !important;
}
div.pcDate .datepickerListTr .datepickerSelected2 {
    border: 1px solid #358BE1;
}
div.pcDate .datepickerListTr .datepickerSelected2 a, div.pcDate .datepickerListTr .datepickerSelected.last a, div.pcDate .datepickerListTr .datepickerSelected.first a {
    color: #FFF;
    border-radius: 0;
    background: #5AA5F0;
}
div.pcDate .datepickerListTr .datepickerSelected2 a .yellow, div.pcDate .datepickerListTr .datepickerSelected.last a .yellow, div.pcDate .datepickerListTr .datepickerSelected.first a .yellow {
    color: #FFF;
}
div.pcDate .datepickerListTr .datepickerSelected2 a .stock, div.pcDate .datepickerListTr .datepickerSelected.last a .stock, div.pcDate .datepickerListTr .datepickerSelected.first a .stock {
    color: #FFF;
}
div.pcDate .datepickerListTr .datepickerGoPrev, div.pcDate .datepickerListTr .datepickerGoNext {
    display: block;
}
div.pcDate .datepickerDoW th {
    padding-bottom: 6px;
}
div.pcDate .yellow {
    position: absolute;
    left: 0;
    bottom: 0;
    white-space: nowrap;
    z-index: 0;
}
div.pcDate .stock {
    color: #666;
    position: absolute;
    left: -10px;
    top: -40px;
}
div.pcDate .stock em {
    font-style: normal;
}
div.pcDate tbody.datepickerDays td.dateTxt a {
    width: 95%;
    padding-right: 5%;
    text-align: right;
    position: relative;
}
div.pcDate.priceDate.w500 .datepickerListTr {
    width: 500px;
    /*border: 1px solid #CCC;*/
}
div.pcDate.priceDate .datepickerContainer {
    padding: 10px;
    border: 1px solid #CCC;
}
div.pcDate.priceDate .datepickerContainer th {
    border: none;
}
div.pcDate.priceDate .datepckerMonthShow {
    background: #5AA5F0;
}
div.pcDate.priceDate .datepckerMonthShow a {
    padding: 3px 0;
    width: auto;
    color: #FFF;
}
div.pcDate.priceDate .datepckerMonthShow .datepickerGoPrev, div.pcDate.priceDate .datepckerMonthShow .datepickerGoNext {
    padding: 0 10px;
}
.yellow {
    color: orangered;
    -webkit-transform: scale(0.5);
    display: block;
}
#J_back {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #fff;
    background-color: #59a5f0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none;
}
